.page{
	// position: absolute;
	// left: 0;
	// top: 0;
	// width: 100%;
	// height: 100%;
	// overflow-x: hidden;
	// overflow-y: auto;
	padding-bottom: 100rpx;
	background-color: #FFFFFF;
}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 280rpx;
	background: url('../../static/background.jpg');
	align-items: center;
	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   justify-content: center;
		 
		   text{
			    
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		  
	  }
	.head-info{
		position: fixed;
		left: 0;
		top: 193.6rpx;
		z-index: 100;
		
		width: 100%;
		/* #ifdef APP-PLUS||H5 */
		padding: calc(20rpx + var(--status-bar-height)) 25rpx 0;
		height: calc(200rpx + var(--status-bar-height));
		/* #endif */
		/* #ifdef MP */
		padding:17rpx 10rpx 34rpx 30rpx ;
		height: 104rpx;
		align-items: center;
		/* #endif */
	
		overflow: hidden;
		.head-search{
			display: flex;
			align-items: center;
			justify-content: space-between;
			
			.icon-info{
				width: 20%;
				text-align: center;
				display: flex;
				
				text{
					font-size: 26rpx;
					color: #000;
					margin-right: 8rpx;
				}
				.dingwei{
					font-size: 24rpx;
					text-align: center;
					color: #000;
					line-height: 28rpx;
				}
			
			}
			.search{
				display: flex;
				align-items: center;
				width: 75%;
				// padding: 13rpx 17rpx;
				height: 52rpx;
				background-color: #fff;
				border-radius: 26rpx;
				border: 1rpx solid #8AE9CD;
				.icon{
					display: flex;
					align-items: center;
					margin-right: 20rpx;
					
				}
				.hint{
					display: flex;
					align-items: center;
					.max{
						font-size: 30rpx;
						font-weight: bold;
						color: #FFFFFF;
					}
					.min{
						font-size: 24rpx;
						color: #F6f6f6;
						margin-left: 10rpx;
					}
				}
			}
		}
		.classify-list{
			white-space:nowrap;
			width: 100%;
			height: 100rpx;
			overflow-x: auto;
			overflow-y: hidden;
			.list{
				position: relative;
				display:inline-block;
				width: 20%;
				height: 100%;
				line-height: 100rpx;
				text-align: center;
				text{
					font-size: 28rpx;
					color: #FFFFFF;
					opacity: 0.8;
				}
				.line{
					position: absolute;
					left: 50%;
					bottom: 20rpx;
					width: 60%;
					height: 8rpx;
					background: linear-gradient(to right,#f8f893,#fe9d00);
					border-radius: 10rpx;
					transform: translate(-50%,0);
				}
			}
			.action{
				text{
					font-size: 32rpx;
					opacity: 1;
				}
			}
		}
	}
	  
}
.main{
	/* #ifdef APP-PLUS||H5 */
	margin-top: calc(200rpx + var(--status-bar-height));
	/* #endif */
	/* #ifdef MP */
	margin-top: 280rpx;
	/* #endif */
	padding-top: 20rpx;
	background-color: #FFFFFF;
}
/* banner */
	.banner{
		padding: 0 14rpx;
		height: 174rpx;
		
		border-radius: 10.47rpx;
		overflow: hidden;
		.screen-swiper{
			height: 100%;
			min-height: 100% !important;
			image{
				height: 174rpx;
				border-radius: 10rpx;
			}
		}
	}
	.banner1{
		padding: 0 14rpx;
		height: 209rpx;
		
		border-radius: 10.47rpx;
		overflow: hidden;
		.screen-swiper{
			height: 100%;
			min-height: 100% !important;
			image{
				height: 209rpx;
				border-radius: 10rpx;
			}
		}
	}
	
/* 菜单导航 */
.menu-nav{
	position: relative;
	width: 100%;
	// height: 100rpx;
	
	
	.nav-list{
		
		width: 100%;
		padding:0  13.95rpx 17rpx 13.95rpx ;
		 overflow-x: auto;
		.nav{
			display: inline-block;
			display: flex;
		
			flex-wrap: nowrap;
			justify-content: space-between;
			
		}
		.list{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-right:69rpx;
			height: 153rpx;
			
			
			image{
				width: 101rpx;
				height: 101rpx;
				border-radius: 10%;
				
			}
			text{
				font-size: 19rpx;
				line-height: 19rpx;
				color: #363636;
				margin-top: 14rpx;
			}
		}
		.list:last-child{
			padding-right: 13.95rpx;
		}
	}
	.indicator{
		position: absolute;
		left: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 30rpx;
		.plan{
			position: relative;
			width: 100rpx;
			height: 8rpx;
			border-radius: 8rpx;
			background-color: #e1e1e1;
			.bar{
				position: absolute;
				width: 50%;
				height: 100%;
				border-radius: 6rpx;
				background-color: $base;
			}
		}
	}
}
/* 通知 */
.inform{
	
	margin: 0 14rpx;
	box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16); 
	border-bottom: 1rpx solid #f9f9f9;
	.inform-info{
		display: flex;
		padding: 14rpx 19rpx;
		height: 73rpx;
		background-color: #f7f7f7;
		border-radius: 10rpx;
		.picture{
			width: 10%;
			margin-right: 5rpx;
			image{
				width: 100%;
				height: 100%;
			}
			
			// .picture1{
			// 	color: #40C6A0;
			// }
		}
		.info{
			width: 100%;
			height: 55rpx;
			align-items: center;
			.swiper{
				width: 100%;
				height: 100%;
				.swiper-item {
				    display: flex;
				    align-items: center;
				    width: 500rpx;  /* 设置宽度为500rpx */
				    height: 100%;
				    overflow: hidden;  /* 超出部分隐藏 */
				}
				
				.swiper-item text {
				    font-size: 21rpx;
				    color: #F5B13A;
				    line-height: 30rpx;
				}

			}
		}
		.button{
			margin-top: 10rpx;
			width: 78.5rpx;
			height: 31rpx;
			border-radius: 15.5rpx;
			background-color: #40C6A0;
			text-align: center;
			line-height: 31rpx;
			font-size: 17.5rpx;
			color: #fff;
		}
	}
}	
.title {
  width: 118.6rpx;
  height: 36.63rpx;
  font-size: 29.65rpx;
  font-family: "Microsoft JhengHei UI", "Microsoft JhengHei UI-Bold";
  font-weight: 700;
  text-align: left;
  color: #000000;
  margin: 31rpx 0 22.5rpx 14rpx;

  background: linear-gradient(136deg, rgba(51, 202, 165, 1)  0%, rgba(255, 255, 255, 1) 100%);
  background-position: bottom; /* Position the gradient at the bottom */
  background-repeat: no-repeat; /* Ensure the gradient doesn't repeat */
  background-size: 100% 50%; /* Make the background take up only the bottom half of the element */
}



.image{
		padding: 0 14rpx;
		height: 209rpx;
		border-radius: 10.47rpx;
		image{
			width: 718.6rpx;
			height: 209.3rpx;
			background: rgba(0,0,0,0.00);
			border-radius: 10rpx;
		}
	}
.content{
	margin: 0 17.5rpx;
	padding-bottom:17.5rpx ;
	border: 1rpx solid #f6f6f6;
	background: #ffffff;
	border-radius: 8.72rpx;
	box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16); 
	.business{
		display: flex;
		align-items: center;
		margin:0 19rpx ;
		padding:17.5rpx 0 25rpx 0;
		
		border-bottom: 1rpx solid #e1e1e1;
		.businessLeft{
			width: 20%;
			margin-right:17.5rpx ;
			image{
				width: 127.3rpx;
				height: 127.3rpx;
				border-radius: 10rpx;
			}
		}
		.businessRight{
			// width: 78%;
			.top{
				
				font-size: 26rpx;
				font-weight: bold;
				overflow: hidden; /* 隐藏超出部分 */
				text-overflow: ellipsis; /* 显示省略号 */
				white-space: nowrap; /* 防止文字换行 */
			}
			.center{
				font-size: 17.7rpx;
				color: #646464;
				margin: 8.7rpx 0;
				display: -webkit-box;
				  -webkit-line-clamp: 2; /* 限制为2行 */
				  -webkit-box-orient: vertical;
				  overflow: hidden;
				  text-overflow: ellipsis;
			}
			.bottom{
				display: flex;
				justify-content: space-between;
				font-size: 17.7rpx;
					line-height: 20rpx;
				color: #646464;
				.left{
					display: flex;
					.icon-info{
						
						display: flex;
						text{
							color: #111111;
							font-size: 20rpx;
							padding-right: 10rpx;
						}
					}
					.padding{
						padding: 0 4rpx;
						line-height: 20rpx;
					}
				}
				.phone{
					
					
					display: flex;
					;
					text{
						font-size: 17.7rpx;
						line-height: 20rpx;
						padding-right: 8rpx;
						
					}
				}
			}
			
			
			
		}
		
		}
	
}
.title1{
	padding: 0rpx 25rpx;
	margin-bottom: -10rpx;
	font-size: 32rpx;
	font-weight: bold;
}
